<!DOCTYPE html>
<html lang="<@t.page 'lang'/>">
<head>
    <meta charset="utf-8">
    <title><@t.page 'report.user'/></title>
    <link href="${res}/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"/>
    <link href="${res}/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" media="screen"/>
    <script src="${res}/js/jquery-1.9.1.min.js"></script>
    <script src="${res}/bootstrap/js/bootstrap.min.js"></script>
    <script src="${res}/js/echarts.common.min.js"></script>
</head>
<body>
<div class="container theme-showcase" role="main">
    <div class="page-header">
        <a href=""><h1><@t.page 'report.user'/></h1></a>
    </div>
    <div class="row">
        <div id="register" class="col-lg-4 col-md-6"></div>
        <div id="login" class="col-lg-4 col-md-6"></div>
        <div id="operate" class="col-lg-4 col-md-6"></div>
    </div>
<script>
document.getElementById('register').style.height=document.getElementById('register').offsetWidth+'px';
document.getElementById('login').style.height=document.getElementById('login').offsetWidth+'px';
document.getElementById('operate').style.height=document.getElementById('operate').offsetWidth+'px';
echarts.init(document.getElementById('register')).setOption({
    title: {
        text: '<@t.page 'register'/>',
        subtext: '<@t.page 'total'/>:<@_sysUserList count=0>${page.totalCount}</@_sysUserList>',
        x:'center'
    },
    tooltip : {
        trigger: 'axis',
           axisPointer: {
           type: 'cross'
        }
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        data: [<#list 30..0 as a>'${(.now?long-a*86400000)?number_to_date}'<#sep>,</#list>]
    },
    yAxis: {
        type: 'value'
    },
    series: [
    {
           name:'<@t.page 'register'/>',
           type:'line',
           data:[<#list 30..0 as a><@_sysUserList startRegisteredDate=(.now?long-a*86400000)?number_to_date?string endRegisteredDate=(.now?long-(a-1)*86400000)?number_to_date?string>${page.totalCount}</@_sysUserList><#sep>,</#list>]
       }]
});
echarts.init(document.getElementById('login')).setOption({
    title: {
        text: '<@t.page 'login'/>',
        x:'center'
    },
    tooltip : {
        trigger: 'axis'
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: [<#list 30..0 as a>'${(.now?long-a*86400000)?number_to_date}'<#sep>,</#list>]
    },
    yAxis: {
        type: 'value'
    },
    series: [
    {
        name:'<@t.page 'login'/>',
        type:'line',
        data:[<#list 30..0 as a><@_logLoginList startCreateDate=(.now?long-a*86400000)?number_to_date?string endCreateDate=(.now?long-(a-1)*86400000)?number_to_date?string>${page.totalCount}</@_logLoginList><#sep>,</#list>]
    }]
});
echarts.init(document.getElementById('operate')).setOption({
    title: {
        text: '<@t.page 'operate'/>',
        x:'center'
    },
    tooltip : {
        trigger: 'axis'
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: [<#list 30..0 as a>'${(.now?long-a*86400000)?number_to_date}'<#sep>,</#list>]
    },
    yAxis: {
        type: 'value'
    },
    series: [
    {
        name:'<@t.page 'operate'/>',
        type:'line',
        data:[<#list 30..0 as a><@_logOperateList startCreateDate=(.now?long-a*86400000)?number_to_date?string endCreateDate=(.now?long-(a-1)*86400000)?number_to_date?string>${page.totalCount}</@_logOperateList><#sep>,</#list>]
    }]
});
</script>
</div>
</body>
</html>